@charset "utf-8";
@import "reset";
body{
    overflow: hidden;
}
.wrap{
    width: 100vw;
    height: 100vh;
    padding-right: vw(150);
    overflow: auto;

    header{
        height: vw(110);
    .header{
        width: 100%;
        height: vw(50);
        padding: vw(30) 0;
       text-align: center;
       position: fixed;
       z-index: 999;
       background: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .button{
            button{              
              width: vw(110);
              height: vw(60);
               border-radius: vw(40);
               border: 2px solid #ff9344;
               outline: none;
               font-weight: bold;
               background-color: #fff;
            }
        }
        .city{
            width: vw(170);
            height: vw(50);
            border: 2px solid orange;
           transform: translateX(-1vw);
            select{
                width: vw(130);
                height: vw(50);
                border: none;
                outline: none;
                background-color: transparent;
                font-weight: bold;
            }
            &::after {
                content: "";
                display: block;
                border: 10px solid #ff9344;
                border-color: #ff9344 transparent transparent transparent;
                width: 0;
                height: 0;
                position: absolute;
                right: vw(13);
                top: vw(18);
                pointer-events: none;
            }
        }
    }
  }
  main{
    // width: 100%;
    // height: 100%;
    padding-bottom: vw(130);
      .hobbit{
        width: 100%;
        height: vw(160);
        // padding: vw(30) 0;
        display: flex;
        justify-content: space-around;
        align-items: center; 
        position: relative;
      }
      .neirong{
        width: 100%;
        height: vw(40);
        // padding: vw(30) 0;
        display: flex;
        justify-content: space-around;
        align-items: center; 
        position: relative;
      }
      .yuandian{
          width: 100%;
          height: vw(65);
          text-align: left;
          
          & span:first-child{
              color: #ff9344;
          }
          .iconfont{
            transform: translateX(150px);
              display: block;
              float: left;
            width: 2.5%;
            padding-left: vw(8);
            height: vw(60); 
            font-size: vw(50);
            color: rgb(255,201,161);
          }
      }
      .foods{
          width: 100%;
          height: vw(90);
          display: flex;
          align-items: center;
       .ps1{
           padding-left: vw(30);
       }
       .font1{
           width: vw(600);
          padding-left: vw(20);
           display: flex;
           justify-content: space-between;
       }
      }
      .sushi{
          width: 100%;
          height: vw(160);
          display: flex;
          justify-content: space-around;
          & img{
              width: 18%;
              height: vw(130);
          }
      }

      .foods_two{
        width: 100%;
        height: vw(90);
        display: flex;
        align-items: center;
     .ps1{
         padding-left: vw(30);
     }
     .font1{
         width: vw(600);
        padding-left: vw(20);
         display: flex;
         justify-content: space-between;
     }
    }
    .sushi_two{
        width: 100%;
        height: vw(160);
        display: flex;
        justify-content: space-around;
        & img{
            width: 18%;
          height: vw(130);
        }
    }

    .foods_three{
        width: 100%;
        height: vw(90);
        display: flex;
        align-items: center;
     .ps1{
         & img{
             width: vw(40);
             height: vw(50);
         }
         padding-left: vw(30);
     }
     .font1{
         width: vw(600);
        padding-left: vw(20);
         display: flex;
         justify-content: space-between;
     }
    }
    .sushi_three{
        width: 100%;
        height: vw(160);
        display: flex;
        justify-content: space-around;
        & img{
            width: 18%;
            height: vw(130);
        }
    }


    .foods_four{
        width: 100%;
        height: vw(90);
        display: flex;
        align-items: center;
     .ps1{
         & img{
             width: vw(40);
             height: vw(50);
         }
         padding-left: vw(30);
     }
     .font1{
         width: vw(600);
        padding-left: vw(20);
         display: flex;
         justify-content: space-between;
     }
    }
    .sushi_four{
        width: 100%;
        height: vw(160);
        display: flex;
        justify-content: space-around;
        & img{
            width: 18%;
            height: vw(130);
        }
    }

    .foods_five{
        width: 100%;
        height: vw(90);
        display: flex;
        align-items: center;
     .ps1{
         & img{
             width: vw(40);
             height: vw(50);
         }
         padding-left: vw(30);
     }
     .font1{
         width: vw(600);
        padding-left: vw(20);
         display: flex;
         justify-content: space-between;
     }
    }
    .sushi_five{
        width: 100%;
        height: vw(130);
        display: flex;
        justify-content: space-around;
        & img{
            width: 18%;

        }
    }


  }
  footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
   
    .list{
        width: 100%;
        height: vw(130);
        display: flex;
        justify-content: space-around;
        // align-items: center;
      & a{
        color: black;
      }
        background-color: #fff;
        .icon-index,.icon-category,.icon-wode2{
            font-size: vw(70);
            color: #ff9344;
        }
        .icon-faxian{
           font-size: vw(70);
           color: #ff9344;
        }
       }

}
}
